<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Status Bar</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <button ion-button class="padding-button" block (click)="toggleStatus()">
    切换状态栏显隐
  </button>
  <button ion-button block (click)="toggleOverlaysWebView()">
    切换 overlaysWebView
  </button>
  <button ion-button block (click)="triggerFunc('styleLightContent')">
    触发 styleLightContent
  </button>
  <button ion-button block (click)="triggerFunc('styleDefault')">
    触发 styleDefault
  </button>
  <button ion-button block (click)="triggerFunc('styleBlackTranslucent')">
    触发 styleBlackTranslucent
  </button>
  <button ion-button block (click)="triggerFunc('styleBlackOpaque')">
    触发 styleBlackOpaque
  </button>
  <button ion-button block (click)="triggerFunc('backgroundColorByHexString',['#000000'])">
    backgroundColorByHexString('#000000')
  </button>
  <button ion-button block (click)="triggerFunc('backgroundColorByName',['gray'])">
    触发 backgroundColorByName('gray')
  </button>
</ion-content>
